@charset "utf-8";
/* CSS Document */

/* ============================================
Standard Button
============================================ */
#Content {
clear:both;
margin:5px auto;
text-align:left;
width:980px;
}
body.W950 #Content {
width:950px;
}
body.FullWidth #Content {
margin:5px 0pt;
width:100%;
}
#Content a.catlevel0:link, #Content a.catlevel0:visited {
color:#0044DD;
font-family:Arial;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-decoration:none;
}
#Content a.catlevel0:hover, #Content a.catlevel0:active {
color:#FF6600;
font-family:Arial;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-decoration:underline;
}
#Content td.catlevel1 {
line-height:140%;
padding:0pt 0pt 20px;
}

input.StdBtn{
	height:24px;
}

/* ============================================
Top Bar Style 1

Usage examples:
<div class="TopBarStyle1"></div>
============================================ */
div.TopBarStyle1{
	background:#EEE url(../imgs/search/topbar_style1_bk.gif) repeat-x;
	height:25px;
}
/* ============================================
Tip List Style 1

Usage examples:
<ul id="Whatever" class="TipListStyle1">
	<li>line1</li>
	<li>line2</li>
</ul>
============================================ */
ul.TipListStyle1 li{
	list-style-type:circle;
	margin-bottom:5px;
	line-height:130%;
	color:#333;
}
/* ============================================
Flow Bar Level 1

Usage examples:
<div id="Whatever">
  <ul class="FlowBarLevel1">
	<li>Step 1</li>
	<li class="CurrentStep">Step 2</li>
	<li>Step 3</li>
  </ul>
  <div class="HackBox"></div>
</div>
============================================ */
ul.FlowBarLevel1{
	list-style:none;
	margin:0;
	padding:0;
}
ul.FlowBarLevel1 li{
	float:left;
	margin-right:3px;
	padding:3px 10px;
	border-bottom:14px solid #C6CBCD;
	color:#666;
	font-size:14px;
}
ul.FlowBarLevel1 li.CurrentStep{
	border-bottom:14px solid #F90;
	color:#000;
	font-weight:bold;
}

/* ============================================
Form Advance Level 1

Usage examples:
N/A
============================================ */
ul.Form_Advance{
	list-style:none;
	margin:0;
	padding:0;
}
ul.Form_Advance li{
	width:100%;
	clear:both;
	margin-bottom:5px !important;
	margin-bottom:0px;
}
ul.Form_Advance li.Title{
	margin:15px 0;
	height:26px;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	text-indent:42px;
	line-height:26px;
	background:#FFF url(../imgs/search/form_advance_title_icon.gif) left top no-repeat;
}
ul.Form_Advance li.Seperator{
	width:100%;
	height:0;
	font-size:0;
	clear:both;
	border-top:1px solid #EEE;
}
ul.Form_Advance li.Seperator hr{
	display:none;
}
ul.Form_Advance li.SubmitBox{
	text-align:center;
}
ul.Form_Advance li.Paragraph p{
	margin-left:30px;
	line-height:180%;	
}
ul.Form_Advance li.SubmitBox input{
	padding:3px 15px;
}
ul.Form_Advance li div.Hint{
	float:left;
	width:140px;
	text-align:right;
	padding-top:5px !important;
	padding-top:10px;
}
ul.Form_Advance li div.Input{
	float:left;
	margin:5px;
	width:190px;
}
ul.Form_Advance li div.NewLineInfo{
	margin-left:140px;
	padding-top:5px !important;
	padding-top:10px;
}
ul.Form_Advance li div.NewLineInfo span{
	color:#FF3300;
	margin-left:20px;
}
ul.Form_Advance li div.Info{
	float:left;
	width:380px;
}

/* ============================================
Post Card (Standard Message Box) Style 1

Usage examples:
<div id="Whatever" class="PostCardStyle1">
	<h1>Titile</h1>
	<div class="Icon"><img src="../imgs/search/active_account_icon_mail.gif" /></div>
	<div class="Paragraph">
		<p>Text</p>
	</div>
	<div class="HackBox"></div>
</div>
============================================ */
div.PostCardStyle1{
	text-align:left;
}
div.PostCardStyle1 div.Icon{
	width:25%;
	float:left;
	text-align:center;
}
div.PostCardStyle1 div.Paragraph{
	float:right;
	width:74%;
}
div.PostCardStyle1 div.Paragraph h1{
	font:bold 14px Arial;
}
div.PostCardStyle1 div.Paragraph p{
	line-height:160%;
}
/* ============================================
Post Card Style 2 (for 60x60 pic)

Usage examples:
<div id="Whatever" class="PostCardStyle2">
	<div class="Icon"><img src="active_account_icon_mail.gif" /></div>
	<div class="Paragraph">
		<p>Text</p>
	</div>
	<div class="HackBox"></div>
</div>
============================================ */
div.PostCardStyle2{
	text-align:left;
}
div.PostCardStyle2 div.Icon{
	width:70px;
	float:left;
	text-align:center;
}
div.PostCardStyle2 div.Paragraph{
	float:right;
	width:100%;
	margin-left:-72px;
}
div.PostCardStyle2 div.Paragraph p,div.PostCardStyle2 div.Paragraph .ParagraphContent{
	line-height:120%;
	margin-left:72px
}
/* ============================================
Standard Input Corner Hint Styles 1

Usage examples:
<input class="Error">Warning!You took my underware!</p>
============================================ */
input.Ok{
	height:18px;
	padding:2px 8px 0 3px;
	border:1px solid #A7A6AA;
	background:#FFF url(../imgs/search/input_ok_corner.gif) top right no-repeat;	
}
input.Warning{
	height:18px;
	padding:2px 8px 0 3px;
	border:1px solid #A7A6AA;
	background:#FFF url(../imgs/search/input_warning_corner.gif) bottom right no-repeat;	
}
input.Error{
	height:18px;
	padding:2px 8px 0 3px;
	border:1px solid #A7A6AA;
	background:#FFF url(../imgs/search/input_error_corner.gif) bottom right no-repeat;	
}
input.Normal{
	height:18px;
	padding:2px 8px 0 3px;
	border:1px solid #A7A6AA;
	background-color:#FFF;	
	background-image:none;
}
/* ============================================
Standard Message Board Styles 1

Usage examples:
<div class="ErrorMsg">Warning!You took my underware!</div>
============================================ */
.OkMsgBoard,.WarningMsgBoard,.ErrorMsgBoard,.ConfirmMsgBoard{
	padding:5px 5px 5px 120px;
	background:transparent url(../imgs/search/standard_msg_ok_big.gif) 15px 15px no-repeat;
	line-height:1.8em;
}
.WarningMsgBoard{
	background-image:url(../imgs/search/standard_msg_warning_big.gif);
}
.ErrorMsgBoard{
	background-image:url(../imgs/search/standard_msg_error_big.gif);
}
.ConfirmMsgBoard{
	background-image:url(../imgs/search/standard_msg_confirm_big.gif);
}

/* ============================================
Standard Message Styles 1

Usage examples:
<p class="ErrorMsg">Warning!You took my underware!</p>
============================================ */
.OkMsg{
	padding:5px 5px 5px 25px;
	border:1px solid #00BE00;
	background:#E6FFE6 url(../imgs/search/standard_msg_ok.gif) 5px 5px no-repeat;
	color:#000;
}
.WarningMsg{
	padding:5px 5px 5px 25px;
	border:1px solid #00A8FF;
	background:#E2F5FF url(../imgs/search/standard_msg_warning.gif) 5px 5px no-repeat;	
	color:#000;
}
.ErrorMsg{
	padding:5px 5px 5px 25px;
	border:1px solid #F60;
	background:#FFF2E9 url(../imgs/search/standard_msg_error.gif) 5px 5px no-repeat;	
	color:#000;
}
.HintMsg{
	padding:5px 5px 5px 5px;
	border:1px solid #FFF;
	background-color:transparent;
	background-image:none;
	color:#999;
}
.HintMsg a:link, .HintMsg a:visited{
	color:#666;
	text-decoration:none;
}
/* ============================================
Standard Message Styles 2

Usage examples:
<p class="ErrorMsg">Warning!You took my underware!</p>
============================================ */
.OkMsg_lite{
	padding:5px;
	border:1px solid #00BE00;
	background-color:#E6FFE6;	
}
.WarningMsg_lite{
	padding:5px;
	border:1px solid #00A8FF;
	background-color:#E2F5FF;	
}
.ErrorMsg_lite{
	padding:5px;
	border:1px solid #F60;
	background-color:#FFF2E9;	
}

/* ============================================
Title Bar Level 1 2 3

Usage examples:
<h1>Title1</h1>
<h2>Title2<span>right text</span></h2>
<h3>TItle3</h3>
============================================ */
h1{
	clear:both;
	font-family:arial,sans-serif;
	font-size:16px;
	line-height:40px;
	margin-bottom:20px;
}
h2{
	position:relative;
	clear:both;
	height:25px;
	margin-bottom:20px;
	padding-left:15px;
	background:transparent url(../imgs/search/h2_bk.gif) top left repeat-x;
	border-top:2px solid #FF7E00;
	border-bottom:1px solid #EEE;
	line-height:25px;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
h3{
	position:relative;
	clear:both;
	font:bold 13px arial;
	border-bottom:1px dashed #AAA;	
	background:transparent url(../imgs/search/h3_arrow_down.gif) top left no-repeat;
	height:18px;
	line-height:18px;
	padding-left:18px;
}
h2 span,h3 span{
	font-size:12px;
	position:absolute;
	top:0px;
	right:7px;
	font-weight:normal;
}
h1 img,h2 img,h3 img{
	vertical-align:middle;
}
.CurDigital h1,.CurDigital h2{
	border-top-color:#99A2B1;
}
.CurLady h1,.CurLady h2{
	border-top-color:#E1569A;
}
.CurMan h1,.CurMan h2{
	border-top-color:#3672AE;
}
.CurLife h1,.CurLife h2{
	border-top-color:#EC9307;
}
.CurSports h1,.CurSports h2{
	border-top-color:#E30303;
}
.CurCulture h1,.CurCulture h2{
	border-top-color:#1E998B;
}
.CurGame h1,.CurGame h2{
	border-top-color:#C34B26;
}
.CurCollection h1,.CurCollection h2{
	border-top-color:#88605F;
}
.CurHongkong h1,.CurHongkong h2{
	border-top-color:#965BB9;
}
.CurPet h1,.CurPet h2{
	border-top-color:#86D500;
}
.CurBaby h1,.CurBaby h2{
	border-top-color:#FFCC00;
}
/* ============================================
Path Links Level 1

Usage examples:
<div id="Whatever">
	<ul class="PathLinksLevel1">
		<li><a href="#">All</a></li>
		<li><a href="#">Computer/Software</a></li>
		<li>New Notebook</li>
	</ul>
	<div class="HackBox"></div>
</div>
============================================ */
ul.PathLinksLevel1{
	list-style:none;
	margin:0;
	padding:0;
	height:20px;
}
ul.PathLinksLevel1 li{
	float:left;
	padding:0;
	margin-right:5px;
	font-weight:bold;
	white-space: nowrap;
}
ul.PathLinksLevel1 li.SearchResultReport{
	font-weight:normal;
	text-indent:18px;
	background:transparent url(../imgs/search/icon_arrow_rb.gif) left top no-repeat;
}
ul.PathLinksLevel1 li.ResultAndFav{
	font-weight:normal;
}
ul.PathLinksLevel1 li.ResultAndFav a{
	display:inline;
	background:none;
	padding:0;
}
ul.PathLinksLevel1 li a{
	font-weight:normal;
	display:block;
	padding-right:15px;
	background-image:url(../imgs/search/pathlinks_level1_seperate_a.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
ul.PathLinksLevel1 li i{
	font-family:arial,sans-serif;
	font-size:10px;
	font-style:normal;
	color:#333;
}
#MallEntry{
	position:absolute;
	right:0;
	top:0;
}
#ListPathLinks #MallEntry a{
	display:block;
	width:200px;
	height:20px !important;
	height:14px;
	color:#B27100;
	font-weight:bold;
	text-align:left;
	padding-left:25px;
	background:url(../imgs/search/malllogo3.gif) 3px no-repeat;
	border:1px solid #C77E00;
}
#GroupEntry{
	position:absolute;
	right:235px;
	top:0;
}
#ListPathLinks #GroupEntry a{
	width:150px;
}
#ListPathLinks #GroupEntry a{
	display:block;
	width:120px !important;
	width /**/:150px;
	height:20px !important;
	height:14px;
	color:#F23C8F;
	font-weight:bold;
	text-align:left;
	padding-left:25px;
	background:url(../imgs/search/buygroup_icon01.gif) 3px no-repeat;
	border:1px solid #F23C8F;
}
/* ============================================
TabBar Level 1

Usage examples:
<div id="Whatever">
	<ul class="TabBarLevel1">
		<li><a href="#">Man</a></li>
		<li class="Selected"><a href="#">Woman</a></li>
		<li><a href="#">Old</a></li>
		<li><a href="#">Kid</a></li>
	</ul>
	<div class="HackBox"></div>
</div>
============================================ */
div.TabBarLevel1,ul.TabBarLevel1{
	list-style:none;
	margin:0;
	padding:0;
	background-image:url(../imgs/search/tabbar_level1_bk.gif);
	height:auto;
	min-height:29px;
	_height:29px;
}
ul.TabBarLevel1 li{
	float:left;
	padding:0;
	height:29px;
	min-height:29px;
	_height:29px;
	margin-right:1px;
	background:url(../imgs/search/tabbar_level1_slice_left_bk.gif) left top no-repeat;
}
ul.TabBarLevel1 li a{
	display:block;
	line-height:29px;
	padding:0 20px;
	color:#333;
	background:url(../imgs/search/tabbar_level1_slice_right_bk.gif) right top no-repeat;
	white-space: nowrap;
}

ul.TabBarLevel1 li.Selected{
	background:url(../imgs/search/tabbar_level1_slice_selected_left_bk.gif) left top no-repeat;
}
ul.TabBarLevel1 li.Selected a{
	background:url(../imgs/search/tabbar_level1_slice_selected_right_bk.gif) right top no-repeat;
}

ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visited{
	color:#333;
}
ul.TabBarLevel1 li a:hover,ul.TabBarLevel1 li a:active{
	color:#F30;
	text-decoration:none;
}
ul.TabBarLevel1 li.Selected a:link,ul.TabBarLevel1 li.Selected a:visited{
	color:#000;
}
ul.TabBarLevel1 li.Selected a:hover,ul.TabBarLevel1 li.Selected a:active{
	color:#F30;
	text-decoration:none;
}
ul.TabBarLevel1 li#Remark{
	background:none;
}
ul.TabBarLevel1 li#Remark a{
	background:url(../imgs/search/item060913_03.gif) left top no-repeat;
	margin:0 0 0 10px;
	padding-left:25px;
	font-weight:bold;
	color:#0044DD;
}
ul.TabBarLevel1 li#Forum{
	background:none;
}
ul.TabBarLevel1 li#Forum a{
	background:url(../imgs/search/item060913_05.gif) left top no-repeat;
	margin:0 10px 0 15px;
	padding-left:25px;
	font-weight:bold;
}
ul.TabBarLevel1 li#Forum a:link,ul.TabBarLevel1 li#Remark a:link,ul.TabBarLevel1 li#Forum a:visited,ul.TabBarLevel1 li#Remark a:visited{
	color:#0044DD;
}
ul.TabBarLevel1 li#Forum a:hover,ul.TabBarLevel1 li#Remark a:hover,ul.TabBarLevel1 li#Forum a:active,ul.TabBarLevel1 li#Remark a:active{
	color:#F30;
	text-decoration:none;
}
/*Overload Tabbar*/
body div#Content ul.TabBarLevel1 li.Selected a{color:#FFF;}
body div.TabBarLevel1,body ul.TabBarLevel1{background:#FFF url(../imgs/search/list_tab_bottom.gif) 0px 0px repeat-x;}
body ul.TabBarLevel1 li.Selected{background:transparent url(../imgs/search/list_tab_left.gif) 0px 0px no-repeat;}
body ul.TabBarLevel1 li.Selected a{background:transparent url(../imgs/search/list_tab_right.gif) 100% 0px no-repeat;}

body.CurDigital ul.TabBarLevel1{background-position:0% -29px;}
body.CurDigital ul.TabBarLevel1 li.Selected{background-position:0% -29px;}
body.CurDigital ul.TabBarLevel1 li.Selected a{background-position:100% -29px;}

body.CurLady ul.TabBarLevel1{background-position:0% -58px;}
body.CurLady ul.TabBarLevel1 li.Selected{background-position:0% -58px;}
body.CurLady ul.TabBarLevel1 li.Selected a{background-position:100% -58px;}

body.CurMan ul.TabBarLevel1{background-position:0% -87px;}
body.CurMan ul.TabBarLevel1 li.Selected{background-position:0% -87px;}
body.CurMan ul.TabBarLevel1 li.Selected a{background-position:100% -87px;}

body.CurLife ul.TabBarLevel1{background-position:0% -116px;}
body.CurLife ul.TabBarLevel1 li.Selected{background-position:0% -116px;}
body.CurLife ul.TabBarLevel1 li.Selected a{background-position:100% -116px;}

body.CurCulture ul.TabBarLevel1{background-position:0% -145px;}
body.CurCulture ul.TabBarLevel1 li.Selected{background-position:0% -145px;}
body.CurCulture ul.TabBarLevel1 li.Selected a{background-position:100% -145px;}

body.CurSports ul.TabBarLevel1{background-position:0% -174px;}
body.CurSports ul.TabBarLevel1 li.Selected{background-position:0% -174px;}
body.CurSports ul.TabBarLevel1 li.Selected a{background-position:100% -174px;}

body.CurGame ul.TabBarLevel1{background-position:0% -203px;}
body.CurGame ul.TabBarLevel1 li.Selected{background-position:0% -203px;}
body.CurGame ul.TabBarLevel1 li.Selected a{background-position:100% -203px;}

body.CurCollection ul.TabBarLevel1{background-position:0% -232px;}
body.CurCollection ul.TabBarLevel1 li.Selected{background-position:0% -232px;}
body.CurCollection ul.TabBarLevel1 li.Selected a{background-position:100% -232px;}

body.CurHongkong ul.TabBarLevel1{background-position:0% -261px;}
body.CurHongkong ul.TabBarLevel1 li.Selected{background-position:0% -261px;}
body.CurHongkong ul.TabBarLevel1 li.Selected a{background-position:100% -261px;}

body.CurPet ul.TabBarLevel1{background-position:0% -290px;}
body.CurPet ul.TabBarLevel1 li.Selected{background-position:0% -290px;}
body.CurPet ul.TabBarLevel1 li.Selected a{background-position:100% -290px;}

body.CurBaby ul.TabBarLevel1{background-position:0% -319px;}
body.CurBaby ul.TabBarLevel1 li.Selected{background-position:0% -319px;}
body.CurBaby ul.TabBarLevel1 li.Selected a{background-position:100% -319px;}

/* ============================================
TabBar Level 2

Usage examples:
<div id="Whatever">
	<ul class="TabBarLevel2">
		<li><a href="#">Man</a></li>
		<li class="Selected"><a href="#">Woman</a></li>
		<li><a href="#">Old</a></li>
		<li><a href="#">Kid</a></li>
	</ul>
	<div class="HackBox"></div>
</div>
============================================ */
ul.TabBarLevel2{
	list-style:none;
	margin:0 0 20px;
	padding:0;
	height:25px;
	background-image:url(../imgs/search/tabbar_level2_bk.gif)
}
ul.TabBarLevel2 li{
	margin:0 16px 0 16px;
	padding:0;
	float:left;
	line-height:25px;
	white-space: nowrap;
}
ul.TabBarLevel2 li a{
	display:block;
	padding-left:16px;
}
ul.TabBarLevel2 li a:link,ul.TabBarLevel2 li a:visited{
	color:#111;
}
ul.TabBarLevel2 li a:hover,ul.TabBarLevel2 li a:active{
	color:#F30;
	text-decoration:none;
}
ul.TabBarLevel2 li.Selected{
	background:url(../imgs/search/tabbar_level2_selected_bk.gif) left top no-repeat;
}
/* ============================================
Category List (Main Style) Level 1

Usage examples:
<div id="Whatever">
	<ul class="CategoryListMainLevel1">
		<li><a href="#">Lenovo</a><i>(406)</i></li>
		<li><a href="#">IBM</a><i>(832)</i></li>
		<li><a href="#">Dell</a><i>(56)</i></li>
	</ul>
	<div class="HackBox"></div>
</div>
============================================ */
ul.CategoryListMainLevel1{
	list-style:none;
	margin:0 0 20px;
	padding:0;
}
ul.CategoryListMainLevel1 li{
	margin:0 0 5px;
	padding:0 0 0 15px;
	font-weight:bold;
	font-size:14px;
	white-space: nowrap;
	background:transparent url(../imgs/search/icon_arrow_r.gif) left top no-repeat;
}
ul.CategoryListMainLevel1 li i{
	font-family:arial,sans-serif;
	font-size:10px;
	font-style:normal;
	color:#333;
}
/* ============================================
Category List (Normal Style) Level 1

Usage examples:
<div id="Whatever">
	<ul class="CategoryListNormalLevel1">
		<li><a href="#">Lenovo</a><i>(406)</i></li>
		<li><a href="#">IBM</a><i>(832)</i></li>
		<li><a href="#">Dell</a><i>(56)</i></li>
	</ul>
	<div class="HackBox"></div>
</div>
============================================ */
ul.CategoryListNormalLevel1{
	list-style:none;
	margin:0 0 20px;
	padding:0;
}
ul.CategoryListNormalLevel1 li{
	margin:0 0 5px;
	padding:0;
	white-space: nowrap;
}
ul.CategoryListNormalLevel1 li i{
	font-family:arial,sans-serif;
	font-size:10px;
	font-style:normal;
	color:#333;
}
/* ============================================
Category List (Inline Style) Level 1

Usage examples:
<div id="Whatever">
	<ul class="CategoryListInlineLevel1">
		<li><a href="#">Lenovo</a><i>(406)</i></li>
		<li><a href="#">IBM</a><i>(832)</i></li>
		<li><a href="#">Dell</a><i>(56)</i></li>
	</ul>
	<div class="HackBox"></div>
</div>
============================================ */
ul.CategoryListInlineLevel1{
	list-style:none;
	margin:0 0 20px;
	padding:0;
}
ul.CategoryListInlineLevel1 li{
	display:inline;
	font-size:30px;
	/*prevent inheriting*/
	font-weight:normal;
	font-size:20px;
	background:none;
}
ul.CategoryListInlineLevel1 li/**/{
/*Overload for None-IE5 browsers*/
	display:block;
	float:left;
	margin:0 5px 5px 0;
	padding:0 5px 0;
	white-space:nowrap;
	word-break:keep-all;
	font-size:12px
}
ul.CategoryListInlineLevel1 li a{
	font-size:12px;
}
ul.CategoryListInlineLevel1 li i{
	font-family:arial,sans-serif;
	font-size:10px;
	font-style:normal;
	color:#333;
}


/* ============================================
Category List (Inline Style with Seperators) Level 1

Usage examples:
<div id="Whatever">
	<ul class="CategoryListInlineSepLevel1">
		<li><a href="#">Lenovo</a><i>(406)</i></li>
		<li><a href="#">IBM</a><i>(832)</i></li>
		<li><a href="#">Dell</a><i>(56)</i></li>
	</ul>
	<div class="HackBox"></div>
</div>
============================================ */
ul.CategoryListInlineSepLevel1{
	list-style:none;
	margin:0 0 20px;
	padding:0;
}
ul.CategoryListInlineSepLevel1 li{
	display:inline;
	font-size:30px;
	/*prevent inheriting*/
	font-weight:normal;
	font-size:20px;
	background:none;
}
ul.CategoryListInlineSepLevel1 li/**/{
/*Overload for None-IE5 browsers*/
	display:block;
	float:left;
	margin:0 0px 5px 0;
	padding:0 8px 0;
	border-right:1px solid #CCC;
	white-space:nowrap;
	word-break:keep-all;
	font-size:12px
}
ul.CategoryListInlineSepLevel1 li a{
	font-size:12px;
}
ul.CategoryListInlineSepLevel1 li i{
	font-family:arial,sans-serif;
	font-size:10px;
	font-style:normal;
	color:#333;
}
/* ============================================
Category List (Table Style) Level 1

Usage examples:
<div id="Whatever">
	<ul class="CategoryListTableLevel1">
		<li><a href="#">Lenovo</a><i>(406)</i></li>
		<li><a href="#">IBM</a><i>(832)</i></li>
		<li><a href="#">Dell</a><i>(56)</i></li>
	</ul>
	<div class="HackBox"></div>
</div>

Memoery: Each category name should be shorter than 10 Chinese character.
============================================ */
ul.CategoryListTableLevel1{
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
ul.CategoryListTableLevel1 li{
	float:left;
	width:185px;
	margin:4px 0;
	white-space: nowrap;
}
ul.CategoryListTableLevel1 li i{
	font-family:arial,sans-serif;
	font-size:10px;
	font-style:normal;
	color:#333;
}

/* ============================================
Form (Base Style)

1. lable for check-box
============================================ */
label{
	cursor:pointer;
	cursor:hand;
}

/* ============================================
Form Lite (Inline) Level 1

Usage examples:
<div id="Whatever">
	<ul class="FormLiteInline">
		<li><input ... /></li>
		<li><input ... /></li>
		<li><input ... /></li>
	</ul>
	<div class="HackBox"></div>
</div>

============================================ */
ul.FormLiteInline{
	margin:0;
	padding:0;
	list-style:none;	
}
ul.FormLiteInline li{
	float:left;
	margin-right:8px;
	height:20px;
	line-height:20px;
}
/* ============================================
Guide List (Normal) Level 1

Usage examples:
	<ul class="GuideList">
		<li><input ... /></li>
		<li><input ... /></li>
		<li><input ... /></li>
	</ul>
	<div class="HackBox"></div>

============================================ */
ul.GuideList{
	margin:10px 0;
	padding:0;
	list-style:none;	
}
ul.GuideList li{
	margin:4px 0 4px 4px;
	padding-left:1.5em;
	width:155px;
	overflow:hidden;
	line-height:120%;
	text-overflow:ellipsis;
	background:url(../imgs/search/post.gif) 0px 0px no-repeat;
}
ul.GuideList li a{
	text-decoration:underline;
}
ul.GuideList li a:visited{
	color:#333399;
	text-decoration:none;
}
.MoreGuide{
	text-align:right;
	margin:4px;
}
/* ============================================
Form Lite (Normal) Level 1

Usage examples:
<div id="Whatever">
	<ul class="FormLite">
		<li><input ... /></li>
		<li><input ... /></li>
		<li><input ... /></li>
	</ul>
	<div class="HackBox"></div>
</div>

============================================ */
ul.FormLite{
	margin:0;
	padding:0;
	list-style:none;	
}
ul.FormLite li{
	margin:4px 4px 4px 8px;;
}
ul.FormLite li.Seperator{
	border-top:1px solid #FFF;
	height:0;
	font-size:0;
	line-height:0;
}
ul.FormLite li.Seperator hr{
	display:none;
}

/* ============================================
List Lite Level 1

Usage examples:
<div id="Whatever">
	<ul class="ListLite">
		<li>whatever</li>
		<li>whatever</li>
		<li class="Seperator"></li>
		<li>whatever</li>
		<li class="RightHint">More...</li>
	</ul>
	<div class="HackBox"></div>
</div>
	
============================================ */

ul.ListLite{
	margin:0;
	padding:0;
	list-style:none;	
}
ul.ListLite li{
	margin:8px 4px 8px 8px;
}
ul.ListLite li.Seperator{
	border-top:1px solid #FFF;
	height:0px;
	font-size:0px;
}
ul.ListLite li.Seperator hr{
	display:none;
}
ul.ListLite li.RightHint{
	padding-top:4px;
	text-align:right;
}

/* ============================================
Standard Side Panel Style 1
Width:180px

Usage examples:
<div id="Whatever" class="StandardSidePanel">
  <div class="Title"><b>Panel Title</b></div>
  <div class="Bottom"></div>
</div>
	
============================================ */
div.StandardSidePanel{
	width:180px;
	margin-bottom:10px;
	background:transparent url(../imgs/search/standard_side_panel_top.gif) left top no-repeat;
}
div.StandardSidePanel div.Title{
	width:172px;
	height:20px;
	margin:4px;
	line-height:20px;
	font-weight:bold;
	color:#FFF;
	text-indent:4px;
	background-color:#EC9307;
	background:#FF9000 url(../imgs/search/standard_side_title172.gif) 0px 0px no-repeat;
}
body.CurNormal div.StandardSidePanel div.Title{background-color:#FF9000;background-position:0px 0px;}
body.CurDigital div.StandardSidePanel div.Title{background-color:#99A2B1;background-position:0px -20px;}
body.CurLady div.StandardSidePanel div.Title{background-color:#E1569A;background-position:0px -40px;}
body.CurMan div.StandardSidePanel div.Title{background-color:#3672AE;background-position:0px -60px;}
body.CurLife div.StandardSidePanel div.Title{background-color:#EC9307;background-position:0px -80px;}
body.CurCulture div.StandardSidePanel div.Title{background-color:#1E998B;background-position:0px -100px;}
body.CurSports div.StandardSidePanel div.Title{background-color:#E30303;background-position:0px -120px;}
body.CurGame div.StandardSidePanel div.Title{background-color:#C34B26;background-position:0px -140px;}
body.CurCollection div.StandardSidePanel div.Title{background-color:#88605F;background-position:0px -160px;}
body.CurHongkong div.StandardSidePanel div.Title{background-color:#965BB9;background-position:0px -180px;}
body.CurPet div.StandardSidePanel div.Title{background-color:#86D500;background-position:0px -200px;}
body.CurBaby div.StandardSidePanel div.Title{background-color:#FFCC00;background-position:0px -220px;}
div.StandardSidePanel div.Bottom{
	height:4px;
	font-size:0;
	background:transparent url(../imgs/search/standard_side_panel_bottom.gif) left top no-repeat;
}
/* ============================================
Standard Side Panel Style 2
Width:250px;

Usage examples:
<div id="Whatever" class="StandardSidePanel2">
  <div class="Title"><b>Panel Title</b></div>
  <div class="Bottom"></div>
</div>
	
============================================ */
div.StandardSidePanel2{
	width:250px;
	margin-bottom:10px;
}
div.StandardSidePanel2 div.Title{
	width:242px;
	height:20px;
	margin:4px;
	line-height:20px;
	font-weight:bold;
	color:#FFF;
	text-indent:4px;
	background:#FF9000 url(../imgs/search/standard_side_title242_.gif) 0px 0px no-repeat;
}
body.CurNormal div.StandardSidePanel2 div.Title{background-color:#FF9000;background-position:left 0px;}
body.CurDigital div.StandardSidePanel2 div.Title{background-color:#99A2B1;background-position:left -20px;}
body.CurLady div.StandardSidePanel2 div.Title{background-color:#E1569A;background-position:left -40px;}
body.CurMan div.StandardSidePanel2 div.Title{background-color:#3672AE;background-position:left -60px;}
body.CurLife div.StandardSidePanel2 div.Title{background-color:#EC9307;background-position:left -80px;}
body.CurCulture div.StandardSidePanel2 div.Title{background-color:#1E998B;background-position:left -100px;}
body.CurSports div.StandardSidePanel2 div.Title{background-color:#E30303;background-position:left -120px;}
body.CurGame div.StandardSidePanel2 div.Title{background-color:#C34B26;background-position:left -140px;}
body.CurCollection div.StandardSidePanel2 div.Title{background-color:#88605F;background-position:left -160px;}
body.CurHongkong div.StandardSidePanel2 div.Title{background-color:#965BB9;background-position:left -180px;}
body.CurPet div.StandardSidePanel2 div.Title{background-color:#86D500;background-position:left -200px;}
body.CurBaby div.StandardSidePanel2 div.Title{background-color:#FFCC00;background-position:left -220px;}

div.StandardSidePanel2 div.Title a{
	color:#FFF;
}
div.StandardSidePanel2 div.Bottom{
	height:4px;
	font-size:0;
}

/* ============================================
Tab Panel Style 1

Usage examples:
<div class="TabPanelStyle1">
	<h3>Title</h3>
	<div class="Content">barabara</div>
</div>
	
============================================ */
div.TabPanelStyle1 h3{
	margin:0;
	padding:0;
	background:none;
	border:none;
	border-bottom:3px solid #FF9000;
	height:19px !important;
	height /**/:22px;
	background:transparent url(../imgs/search/tab_title_panel_bak.gif) left top no-repeat;
}
div.TabPanelStyle1 h3 span{
	display:block;
	top:0;
	left:0;
	width:140px;
	margin-top:3px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
}
div.Content{
	border:1px solid #FF9000;
	border-top:7px solid #FFE1AD;
}

/* ============================================
Page Changer Level 1

Usage examples:
<div id="Whatever" class="StandardSidePanel">
  <div class="Title"><b>Panel Title</b></div>
  <div class="Bottom"></div>
</div>
	
============================================ */
div.PageChanger{
	height:20px;
	line-height:20px;
	text-align:right;
}
div.PageChanger img{
	vertical-align:-3px;
}
div.PageChanger input{
	border:1px solid #AAA;
	background-color:#FFF;
	margin:0 2px;
}

/*IE5 Crack*/
div.PageChanger input{
	height:16px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:12px;
}
#Head {
	margin-bottom:0;
}
.HackBox {
	border-top:1px solid transparent !important;
	margin-top:-1px !important;
	border-top:0;
	visibility:hidden;
}
#ListPathLinks {
	height: 20px;
	padding-left: 2px;
	margin-right: 10px;
	overflow:hidden;
	margin-bottom:5px;
}
#ListPathLinks ul {
	float:left;
}
#ListPathLinks .PathLinksLevel1 {
	margin-top:2px;
}
#ListPathLinks .SearchHint {
	font-weight:normal;
}
#ListPathOptions {
	height: 20px;
	margin:0 0 0 15px !important;
	padding:0;
	list-style:none;
}
#ListPathOptions li {
	float:left;
	margin-right:10px;
}
#ListPathOptions li a {
	display:block;
	float:left;
	height:20px;
	line-height:18px;
	padding:0 0 0 18px;
	white-space:nowrap;
}
#SecondHandSwitch a {
	background:transparent url(../imgs/search/list_sh_swh.gif) 0 0 no-repeat;
}
#AddToFavorite a {
	background:transparent url(../imgs/search/list_add_fav.gif) 0 0 no-repeat;
}
#QuitSearch a {
	background:transparent url(../imgs/search/list_rm_kw.gif) 0 0 no-repeat;
}
.SearchResultReport {
	clear:both;
	height:20px;
	line-height:20px;
	text-indent:18px;
	background:transparent url(../imgs/search/icon_arrow_rb.gif) left top no-repeat;
}
#ProductProperties {
	zoom:1;
	margin:5px auto;
	padding:0.5em;
	text-align:left;
	background-color:#FFF0DB;
	border:1px solid #FFCE89;
	margin-right: 10px;
	position:relative;
	min-height:120px;
	height:auto !important;
	height:120px;
}
#ProductProperties div.BindingPic {
	left:5px;
	top:5px;
	position: absolute;
}
#ProductProperties div#BindingInfo {
	margin-left: 170px;
}
#ProductProperties div#BindingInfo ul {
}
#ProductProperties img {
	border:1px solid #FFCE89;
}
#ProductProperties h1 {
	clear:none;
	margin:0 5px;
	font-size:16px;
}
#ProductProperties h1 .Trend {
	font-size:12px;
	font-weight:normal;
}
#ProductProperties h3 {
	padding:0 0 0 5px;
	margin:3px 0;
	background:none;
	border:none;
	font-size:14px;
	font-weight:bold;
}
#ProductProperties ul {
	margin:0;
	padding:0;
}
#ProductProperties li {
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
	float:left;
	width:180px;
	height:24px;
	line-height:24px;
}
#ListSubCategory, #ListAttributes {
	width:100%;
	height:0.01%;
	padding:0 10px;
}
#ListSubCategory, #ListAttributes/**/ {
	width:auto;
}
#ListSubCategory hr, #ListAttributes hr {
	display:none;
}
#ListSubCategory .FindByHint {
	clear:both;
	height:20px;
	line-height:20px;
	text-indent:18px;
	margin-top: 5px;
	background:transparent url(../imgs/search/icon_arrow_rb.gif) left top no-repeat;
}
.Attribute, .MoreAttribute {
	width:19.9%;
	float:left;
}
.Attribute h3, .MoreAttribute h3 {
	padding:0;
	margin-bottom:0;
	border:none;
	background:none;
	font-size:12px;
}
#SideBar {
	width:180px;
	float:right;
	margin-top:10px;
	border:1px solid #CCC;
	background-color:#F6F6F6;
}
#MainContainer {
	width:100%;
	float:left;
	margin-right:-10px;
	margin-top:10px;
	margin-bottom:10px;
}
#ListSubCategory {
	margin-right:10px;
}
#ListSearchForm {
/**/
}
#ListSubCategory .SubCategoryBox {
	border-bottom: 1px dashed #CCC!important;
	padding-bottom: 5px;
	width: 100%;
	overflow: hidden;
}
/* 2007-3-22 */
#ListChooseForm {
	margin:0px 200px 10px 10px;
	background:transparent url(../imgs/search/search_filter_shadow.gif) repeat-x scroll left bottom;
	border-bottom:1px solid #FFF;
}
#ListChooseForm .Title {
	position:relative;
	zoom:1;
	line-height: 25px;
	padding-left: 18px;
	border-bottom: 1px solid #F2F8FE;
	background: #E1EFFE url(../imgs/search/search_filter_icon.gif) no-repeat 4px 6px;
}
#ListChooseForm #ChooseMore {
	padding-left: 15px;
	margin-left: 8px;
}
#ListChooseForm #ChooseCtrl a.More {
	background: url(../imgs/search/search_filter_more_ani.gif) no-repeat top left;
}
#ListChooseForm #ChooseCtrl a.Less {
	background: url(../imgs/search/search_filter_less.gif) no-repeat top left;
}
#ListChooseForm ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#ListChooseForm #ListPropertyTerms {
	height: 45px;
	overflow: hidden;
	padding: 0 0 0 13px;
	background: #F2F8FE;
}
#ListChooseForm #ListPropertyTerms ul {
	float: left;
}
#ListChooseForm #ListPropertyTerms ul li {
	height: 35px;
	float: left;
	margin:5px 5px;
	white-space: nowrap;
	color: #587BA0;
}
#ListChooseForm #ListPropertyTerms ul li select {
	color: #000;
}
#ListChooseForm #ListSortTerms {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	background: #E1EFFE;
	padding-left: 13px;
	padding-right: 185px;
	position: relative;
	margin-bottom: 14px;
}
html>/**/body #ListChooseForm #ListSortTerms {
	margin-bottom: 15px;
}
#ListChooseForm #ListSortTerms ul {
	float: left;
}
#ListChooseForm #ListSortTerms ul li {
	height: 30px;
	float: left;
	margin: 0 8px 0 0;
	padding-left: 7px;
	white-space: nowrap;
	background: url(../imgs/search/list_filter_sep.gif) no-repeat left 13px; /* 2007-3-22 */
}
#ListChooseForm #ListSortTerms ul li.FirstLine {
	background: none;
}
* html #ListSortTerms input, * html #ListSortTerms button {
	margin-top: 3px;
}
#ListChooseForm #ListSortTerms #ChooseCtrl {
	text-align: center;
	padding-left: 0px;
	width: 175px;
	position: absolute;
	top: 0px;
	right: 10px;
	display:table-cell;
 *display: inline;
	zoom:1;
	vertical-align:middle;
}
#ListChooseForm #ListSortTerms #ChooseCtrl button {
	font-size: 12px;
	line-height: normal;
	width: 60px;
	height: 24px;
}
#ListChooseForm #ListSortTerms #ChooseCtrl button#ListSearchFormReset {
	width:48px;
}
#ListNewThread {
/**/
}
#RelativeShops {
/**/
}
#DisplaySettings {
	margin-right:10px;
	height:25px;
	background:#EEE url(../imgs/search/tabbar_level2_bk.gif) top left repeat-x;
}
#DisplaySettings div {
	float:left;
	margin:5px 15px 0 5px;
	white-space:nowrap;
}
#DisplaySettings div#QuickPageChanger {
	float:right;
	margin-right:5px;
}
#DisplaySettings img {
	margin-left:2px;
	vertical-align:-3px;
}
#ListSellerRecommended {
	position:relative;
	margin-right:10px;
	height:29px;
}
#AssistantToolbar {
	position:absolute;
	right:0;
	top:6px;
}
#AssistantToolbar a {
	text-decoration:underline;
}
#AssistantToolbar img {
	vertical-align:middle;
	margin-right:4px;
}
#ItemList {
	margin-right:10px;
}
/******************************************************/
/* List Items in LIST Mode */
/******************************************************/
/*List Table Title*/
#ListViewTop {
	position:relative;
	height:25px;
	border-bottom:1px dashed #CCC;
}
#ListViewTop a, #ListViewTop label {
	color:#111;
	text-decoration:underline;
}
#ListViewTop div {
	text-align:center;
	margin-top:3px;
	line-height:24px;
	color:#000;
}
#ListViewTop div.CompareCheck {
	position:absolute;
	top:0;
	left:10px;
	width:115px;
	text-align:left;
	padding-left: 17px;
	/*text-indent:17px;*/
	background:transparent url(../imgs/search/compare_arror_top.gif) left center no-repeat;
}
#ListViewTop div.Info {
	float:left;
	width:100%;
	margin-right:-300px;
}
#ListViewTop div.Info div.Name {
	margin:0 300px 0 115px;
}
#ListViewTop div.TimeLeft {
	float:right;
	width:56px;
}
#ListViewTop div.Place {
	float:right;
	width:75px;
}
#ListViewTop div.Place select {
	width:64px;
}
#ListViewTop div.Legend {
	float:right;
	width:26px;
}
#ListViewTop div.Shipping {
	width:50px;
	float:right;
	text-align:center;
}
#ListViewTop div.Price {
	float:right;
	width:78px;
}
/*List Table Items*/
#ItemList #ListView div.Item {
	position:relative;
	height:90px;
	padding:2px;
	border-bottom:1px dashed #CCC;
}
#ItemList #ListView div.Selected {
	background-color:#F0F0F0;
}
#ItemList #ListView div.Item div.CompareCheck {
	position:absolute;
	left:5px;
	top:35px;
}
/*
#ItemList #ListView div.Item div.Pic{
	position:absolute;
	left:35px;
	top:7px;
	width:12%;
	height:80px;
	background-color:#FFF;
	background-position:center center;
	background-repeat:no-repeat;
}

#ItemList #ListView div.Item div.Pic a{
	position:relative;
	display:block;
	width:100%;
	height:80px;
}
#ItemList #ListView div.Item div.Pic img{
	position:absolute;
	top:0px;
	left:-9999px;
}
*/

/* vertical-align use pure css */
#ItemList #ListView .Item .Pic {
	position:absolute;
	left:0px;
	top:7px;
	width:12%;
	height:80px;
	text-align:center;
	padding:0;
	background-color:#fff;
}
#ItemList #ListView .Item .Pic a {
	position: static;
	display:block;
	/* for ie 7 */
	*display:inline;
	/* for ie 7 end */
	/* for ff */
	margin:0 auto;
	width:80px !important;
	height: 80px !important;
	/* for ff end */
	font-size: 12px;
	cursor: pointer;
}
#ItemList #ListView .Item .Pic a b {
	width:80px;
	height:80px;
	border:none;
	font-size: 100%;
	/* for firefox */
	vertical-align:middle;
	display:table-cell;
	/* for firefox end */
	/* for ie 7 */
	line-height:80px;
 *display:block;
 *font-size: 68px;
	/* for ie 6 */
	_font-size: 70px;
	overflow:hidden;
	margin-bottom: 5px;
}
#ItemList #ListView .Item .Pic a b img {
	position: static;
	border: none;
 click: expression(this.onclick = function() {
this.parentNode.parentNode.click()
}
);
 vertical-align:middle;
}
/* end */

#ItemList #ListView div.Item div.Info {
	float:left;
	width:100%;
	margin-right:-300px;
}
#ItemList #ListView div.Item div.Info div {
	float:none;
	margin-left:15%;
	margin-right:300px;
}
#ItemList #ListView div.Item div.Info div.Name {
	margin-top:14px;
	margin-bottom:6px;
	font-weight:bold
}
#ItemList #ListView div.Item div.Info div.Seller {
	position:relative;
	zoom:1;
	color:#777;
}
#ItemList #ListView div.Item div.Info div.Seller a {
	color:#666;
	text-decoration:none !important;
	text-decoration:underline;
}
#ItemList #ListView .Seller a.ww-large-block {
	margin-top: 3px;
}
#ItemList #ListView div.Item div.Info div.Seller a.AddToFav {
	position:absolute;
	left:120px;
	bottom: 0;
	display:block;
	height:13px;
	margin-right:7px;
	color:#888;
	text-indent:13px;
}
#ItemList #ListView div.Item div.Info div.Seller a.AddToFav {
	background:transparent url(../imgs/search/list_tool_fav3.gif) 0 -14px no-repeat;
}
#ItemList #ListView div.Item div.Info div.Seller a.AddToFav:hover {
	color:#F50;
	background-position:0 0;
}
#ItemList #ListView div.Item div.Legend {
	width:20px;
	float:right;
	margin-top:36px;
	text-align:center;
}
#ItemList #ListView div.Item div.Shipping {
	width:50px;
	float:right;
	margin-top:36px;
	text-align:center;
}
#ItemList #ListView div.Item div.Price {
	width:78px;
	float:right;
	margin-top:36px;
	text-align:center;
}
/* amend 06-10-13 */
#ItemList div.Item div.Price em {
	font-style: normal;
	color:#999;
}
#ItemList #ListView div.Item div.Price span {
	color:#F60;
	font:bold 13px arial;
}
#ItemList #ListView div.Item div.Place {
	width:75px;
	text-align:center;
	float:right;
	margin-top:36px;
}
#ItemList #ListView div.Item div.TimeLeft {
	width:56px;
	text-align:center;
	float:right;
	margin-top:36px;
}
#ItemList #ListView div.Item div.TimeLeft i {
	display:none;
}
/* List Table Bottom */

#ItemList #ListView #ListViewBottom {
	margin:5px;
}
#ItemList #ListView #ListViewBottom div.CompareCheck {
	float:left;
	height:20px;
	line-height:20px;
	padding-left: 20px;
	/*text-indent:22px;*/
	background:transparent url(../imgs/search/compare_arror_bottom.gif) 5px 1px no-repeat;
}
#ItemList #ListViewBottom div.CompareCheck a, #ItemList #ListViewBottom div.CompareCheck label {
	color:#111;
	text-decoration:underline;
}
#ItemList #ListView #ListViewBottom div.PageChanger {
	float:right;
}
/*P4P Items*/
#ItemList #ListView div.P4P div.Info {
	margin-right:-330px;
}
#ItemList #ListView div.P4P div.Info div {
	margin-right:330px;
}
#ItemList #ListView div.P4P div.P4PLogo {
	width:32px;
	float:right;
	margin-top:32px;
}
div.P4PInfo {
	clear:both;
	border-top:3px solid #F80;
	border-bottom:1px dashed #DDD;
	margin-top:0 !important;
	margin-top:1px;
	padding:3px 5px;
}
div.P4PInfo img {
	vertical-align:middle;
}
/******************************************************/
/* List Item in GRID Mode */
/******************************************************/
#ItemList #GridView {
	width:100%;
}
#ItemList #GridView #GridViewTop {
	height:25px;
}
#ItemList #GridView #GridViewTop div.CompareCheck {
	float:left;
	width:115px;
	margin:5px 0 0 5px;
	text-align:left;
	padding-left: 17px;
	/*text-indent:17px;*/
	background:transparent url(../imgs/search/compare_arror_top.gif) left center no-repeat;
}
#ItemList #GridViewTop div.CompareCheck a, #ItemList #GridViewTop div.CompareCheck label {
	color:#333;
	text-decoration:underline;
}
#ItemList #GridView #GridViewTop div.Legends {
	float:right;
	margin:3px;
}
#ItemList #GridView #GridViewTop img, #ItemList #GridView #GridViewTop select {
	vertical-align:middle;
	margin:0 3px 0 10px;
}
#ItemList #GridView div.Seperator {
	clear:both;
	border-top:1px dashed #CCC;
}
#ItemList #GridView div.Item {
	float:left;
	margin:0.2%;
	width:24.37%;
	text-align:center;
}
#ItemList #GridView div.Item div.CompareCheck {
	position:relative;
	margin:0 auto;
	width:90px;
	height:15px;
}
#ItemList #GridView div.Item div.CompareCheck input {
	position:absolute;
	top:148px;
	left:-30px;
}

	#ItemList #GridView div.Item div.Pic{
		width:90px;
		height:90px;
		text-align:center;
		border:1px solid #ddd;
		overflow:hidden;
		margin:0 auto;
	}
	


	#ItemList #GridView div.Item div.Pic a {
		display:block;
		/* for ie 7 */
		*display:inline;
		/* for ie 7 end */
		/* for ff */
		margin:0 auto;
		/* for ff end */
		font-size: 12px;
		cursor: pointer;
	}

	#ItemList #GridView div.Item div.Pic a b {
		width:90px;
		height:90px;
		
		font-size:100%;
		/* for firefox */
		vertical-align:middle;
		display:table-cell;
		/* for firefox end */
		/* for ie 7 */
		line-height:90px;
		*display:block;
		*font-size:80px;		
	}

	#ItemList #GridView div.Item div.Pic a b img {
		border: none;
		click: expression(this.onclick = function(){this.parentNode.parentNode.click()});
		vertical-align:middle;
	}
	


#ItemList #GridView div.Item div.Name {
	width:110px;
	height:42px;
	margin:0 auto 4px;
	text-align:left;
	overflow:hidden;
	word-break:break-all;
}
#ItemList #GridView div.Item div.Price {
	color:#F60;
	font:bold 13px arial;
	margin-bottom:2px;
}
#ItemList #GridView div.Item div.Price i {
	margin-right:3px;
	font-style:normal;
	font-weight:normal;
	font-size:11px;
	color:#999;
}
#ItemList #GridView div.Item div.Legend {
	margin-bottom:5px;
	color:#333;
	height:20px;
	min-height:20px;
}
#ItemList #GridView div.Item div.Legend img {
	vertical-align:middle;
	margin:0 3px;
}
#ItemList #GridView #GridViewBottom {
	margin:10px 0;
	padding-top:6px;
	border-top:1px dashed #DDD;
}
#ItemList #GridView #GridViewBottom div.CompareCheck {
	float:left;
	height:20px;
	line-height:20px;
	background:transparent url(../imgs/search/compare_arror_bottom.gif) 5px 1px no-repeat;
	padding-left: 20px;
}
#ItemList div.CompareCheck button {
	height:20px;
	width:100px;
	font-size:12px;
	padding: 0;
	line-height: 16px;
}
#ItemList #GridView #GridViewBottom div.PageChanger {
	float:right;
}
/*icon*/

#ItemList #GridView div#Exegesis {
	background:#FEFEDF;
	vertical-align:middle;
	height:24px;
	overflow:hidden;
}
#ItemList #GridView div#Exegesis ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	display:block;
}
#ItemList #GridView div#Exegesis ul li {
	float:left;
	height:16px;
	line-height:16px;
	margin:5px 0 5px 10px;
	white-space:nowrap;
}
#ItemList #GridView div#Exegesis ul li a {
	background-repeat:no-repeat;
	padding-left:18px;
	display:block;
	color:#111;
	text-decoration:underline;
}
/*P4P Item*/
#ItemList #GridView div.P4P {
	position:relative;
}
#ItemList #GridView div.P4P div.P4PLogo {
	position:absolute;
	top:95px;
	left:25px;
}
/******************************************************/
/* List Item in TEXT Mode */
/******************************************************/
/*List Table Title*/
#TextViewTop {
	position:relative;
	height:25px;
	border-bottom:1px dashed #CCC;
}
#TextViewTop a, #TextViewTop label {
	color:#111;
	text-decoration:underline;
}
#TextViewTop div {
	text-align:center;
	margin-top:3px;
	line-height:24px;
	color:#000;
}
#TextViewTop div.CompareCheck {
	position:absolute;
	top:0;
	left:10px;
	width:115px;
	text-align:left;
	/*text-indent:17px;*/
	background:transparent url(../imgs/search/compare_arror_top.gif) left center no-repeat;
}
#TextViewTop div.Info {
	float:left;
	width:100%;
	margin-right:-300px;
}
#TextViewTop div.Info div.Name {
	margin:0 300px 0 115px;
}
#TextViewTop div.TimeLeft {
	float:right;
	width:56px;
}
#TextViewTop div.Place {
	float:right;
	width:75px;
}
#TextViewTop div.Place select {
	width:64px;
}
#TextViewTop div.Legend {
	float:right;
	width:38px;
}
#TextViewTop div.Shipping {
	width:50px;
	float:right;
	text-align:center;
}
#TextViewTop div.Price {
	float:right;
	width:78px;
}
/*List Table Items*/
#ItemList #TextView div.Item {
	position:relative;
	height:60px;
	padding:2px;
	border-bottom:1px dashed #CCC;
}
#ItemList #TextView div.Selected {
	background-color:#F0F0F0;
}
#ItemList #TextView div.Item div.CompareCheck {
	position:absolute;
	top:20px;
	left:0px;
}
#ItemList #TextView div.Item div.Pic {
	float:left;
	width:85px;
	height:80px;
	margin:5px 0;
}
#ItemList #TextView div.Item div.Pic img {
}
#ItemList #TextView div.Item div.Info {
	float:left;
	width:100%;
	margin-right:-300px;
}
#ItemList #TextView div.Item div.Info div {
	float:none;
	margin-left:30px;
	margin-right:300px;
}
#ItemList #TextView div.Item div.Info div.Name {
	margin-top:10px;
	margin-bottom:6px;
	font-weight:bold
}
#ItemList #TextView div.Item div.Info div.Seller {
	color:#777;
}
#ItemList #TextView div.Item div.Info div.Seller a {
	color:#666;
	text-decoration:none !important;
	text-decoration:underline;
}
#ItemList #TextView div.Item div.Info div.Seller label {
	color:#666;
	text-decoration:underline;
}
#ItemList #TextView div.Item div.Legend {
	width:38px;
	float:right;
	margin-top:14px;
	text-align:center;
}
#ItemList #TextView div.Item div.Price {
	width:78px;
	float:right;
	margin-top:10px;
	text-align:center;
}
#ItemList #TextView div.Item div.Price span {
	color:#F60;
	font:bold 13px arial;
}
#ItemList #TextView div.Item div.Place {
	width:75px;
	text-align:center;
	float:right;
	margin-top:17px;
}
#ItemList #TextView div.Item div.Shipping {
	width:50px;
	float:right;
	text-align:center;
	margin-top:17px;
}
#ItemList #TextView div.Item div.TimeLeft {
	width:56px;
	text-align:center;
	float:right;
	margin-top:17px;
}
#ItemList #TextView div.Item div.TimeLeft i {
	display:none;
}
/*P4P Item*/
#ItemList #TextView div.P4P div.Info {
	margin-right:-335px;
}
#ItemList #TextView div.P4P div.Info div {
	margin-right:335x;
}
#ItemList #TextView div.P4P div.P4PLogo {
	width:32px;
	float:right;
	margin-top:8px;
}
/* List Table Bottom */

#ItemList #TextView #TextViewBottom {
	margin:5px;
}
#ItemList #TextView #TextViewBottom div.CompareCheck {
	float:left;
	height:20px;
	line-height:20px;
	/*text-indent:22px;*/
	padding-left: 20px;
	background:transparent url(../imgs/search/compare_arror_bottom.gif) 5px 1px no-repeat;
}
#ItemList #TextViewBottom div.CompareCheck a, #ItemList #TextViewBottom div.CompareCheck label {
	color:#111;
	text-decoration:underline;
}
#ItemList #TextView #TextViewBottom div.PageChanger {
	float:right;
}
/******************************************************/
/* Side Bar Panels */
/******************************************************/
#SimilarCategory ul.CategoryListNormalLevel1 {
	margin:5px 5px 0 15px;
}
#SimilarCategory li {
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;/*Only For IE6*/
}
#CategoryHot10 ul.CategoryListNormalLevel1 {
	margin:5px 5px 0 15px;
}
#CategoryHot10 li {
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;/*Only For IE6*/
}
#CategoryHot10 div img {
	padding-top:3px;
}
#RecentlyViewed ul {
	margin:0;
	padding:0;
	list-style:none;
}
#RecentlyViewed ul li {
	display:block;
	float:left;
	width:89px;
	text-align:center;
}
#RecentlyViewed ul li a {
	display:block;
	width:50px;
	height:50px;
	margin:0 auto;
	border:2px solid #FFF;
	background:#FFF url(../imgs/search/nopicture.gif) center center no-repeat;
	font-size:0;
	line-height:0;
	text-align:left;
	color:#FFF;
}
#RecentlyViewed ul li a/**/ {
	text-indent:-9999px;
	text-decoration:none;
}
#RecentlyViewed i {
	display:block;
	color:#333;
	margin:3px 0 10px;
	font-size:10px;
	font-family:arial;
	font-style:normal;
}
#RecentlyViewed div.ButtonBox {
	margin:0 15px;
	padding-top:5px;
	text-align:center;
	border-top:1px solid #DDD;
}
#RecentlyViewed div.ButtonBox a {
	color:#333;
	text-decoration:underline;
}
#RecentlyViewed div.ButtonBox label {
	color:#333;
	text-decoration:underline;
}
#RecentlyViewed div.ButtonBox img {
	vertical-align:middle;
	margin:0 2px;
}
/* Sort Mode Identifiers */
a.IconSortUp {
	display:block;
	background:transparent url(../imgs/search/icon_arrow_sort_up.gif) left center no-repeat;
	padding-left:8px;
}
a.IconSortUp/**/ {
	display:inline;
}
a.IconSortDown {
	display:block;
	background:transparent url(../imgs/search/icon_arrow_sort_down.gif) left center no-repeat;
	padding-left:8px;
}
a.IconSortDown/**/ {
	display:inline;
}
/*For Search No Result Page*/
#NoResultMsg {
	float:right;
	margin:70px 0 !important;
	margin:70px 0 70px 0px;
}
#NoResultAd table {
	width:560px;
}
#NoResultAd table {
	voice-family: "\"}\"";
	voice-family: inherit;
	width:100%;
}
/*Others*/
#SwitchToAll {
	clear:both;
	height:28px;
	line-height:28px;
	text-align:center;
	font-weight:bold;
	border-top:1px solid #FFC200;
	border-bottom:1px solid #FFC200;
	background-color:#FFF4D1;
}
/*Yahoo P4P*/
#YahooP4P iframe {
	padding-top:20px;
}
/* From Product */
.FromProduct #DisplaySettings {
	margin-right: 0;
}
.FromProduct #ItemList {
	margin-right: 0;
}

/* for promotion & ad */
#CommendAD, .gameautocard {
	margin-right: 10px !important;
}
#PromoBar {
	background: url(../imgs/search/list_hot_act_r.gif) no-repeat right top;
	height: 30px;
	line-height: 30px;
	position: relative;
	top:-15px;
	margin-right: 10px;
	white-space: nowrap;
}
#PromoBar #PromoBarInner {
	margin-right: 4px;
	background:url(../imgs/search/list_hot_act_l.gif) no-repeat left top;
}
#PromoBar a {
	margin: 0 10px;
	padding-left: 15px;
	background: url(../imgs/search/list_hot_act_dot.gif) no-repeat 0 0;
}
#PromoBar a.HotBuy {
	display: block;
	margin: 0 5px;
	padding-left: 40px;
	background: url(../imgs/search/list_sale_icon.gif) no-repeat 1px 3px;
}

body div#Content div#MainContainer div#ItemList div.Pic220 div.Item {
	width:32%;
}

body div#Content div#MainContainer div#ItemList div.Pic220 div.Item div.Pic{
		width:220px;
		height:220px;
	
	}
body div#Content div#MainContainer div#ItemList div.Pic220  div.Item div.Pic a b {
		width:220px;
		height:220px;
		line-height:220px;
		*font-size:190px;		
	}

body div#Content div#MainContainer div#ItemList div.Pic220 div.Item div.CompareCheck {
	width:220px;
	top:-3px;
}
body div#Content div#MainContainer div#ItemList div.Pic220 div.Item div.CompareCheck input {
	left:-5px;
	_left:-10px;
	top:284px!important;
	top:283px;
}
body div#Content div#MainContainer div#ItemList div.Pic220 div.Item div.Name {
	width:190px;
	line-height:18px;
	text-align:center;
}
/* for 120×120 PIC  */
body div#Content div#MainContainer div#ItemList div.Pic120 div.Item {}

body div#Content div#MainContainer div#ItemList div.Pic120 div.Item div.Pic{
	width:120px;
	height:120px;
}
body div#Content div#MainContainer div#ItemList div.Pic120  div.Item div.Pic a b {
	width:120px;
	height:120px;
	line-height:120px;
	*font-size:105px;		
}
body div#Content div#MainContainer div.Pic120 div.Item div.CompareCheck {
	top:30px;
}

/* for new hesper.js */
ul.CategoryListTableLevel1 li.promoted a {
	color: #FF5500 !important;
}
/* for LnkTools  */
ul.LnkTools{ height:168px; width:168px; background:url(../imgs/search/lnk_tools_bg1126.gif) no-repeat; margin:0 auto; padding:0px; list-style-type:none;}
ul.LnkTools li{ float:left;}
ul.LnkTools li a{ text-indent:-9999999px; display:block;height:40px; width:83px;}
ul.LnkTools li a b{ display:none;}